<template>
<div style="text-align:center;z-index:7;left: 0;top: 0;position: fixed;height: 100%;width: 100%;background-color:white;">
    <div class="zhezhao"></div>
    <img src="../../../../assets/changepsw/back.png" class="img_back" @click="goback">
    <div class="div1">
        号码详情
    </div>
    <div class="div2" :style="ShowLater?'opacity:1':'opacity:0'">
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 1200 1200" enable-background="new 0 0 1200 1200" xml:space="preserve">
<g>
	<defs>
		<circle id="SVGID_1_" cx="615.5" cy="731.5" r="295.5"/>
	</defs>
	<clipPath id="SVGID_2_">
		<use xlink:href="#SVGID_1_"  overflow="visible"/>
	</clipPath>
	<g clip-path="url(#SVGID_2_)" enable-background="new    ">
		<g>
			<defs>
				<rect id="SVGID_3_" x="305" y="429" width="611" height="634"/>
			</defs>
			<clipPath id="SVGID_4_">
				<use xlink:href="#SVGID_3_"  overflow="visible"/>
			</clipPath>
			<g clip-path="url(#SVGID_4_)">
				<defs>
					<rect id="SVGID_5_" x="320" y="436" width="591" height="591"/>
				</defs>
				<clipPath id="SVGID_6_">
					<use xlink:href="#SVGID_5_"  overflow="visible"/>
				</clipPath>
				<rect x="315" y="431" clip-path="url(#SVGID_6_)" fill="#9124FF" width="601" height="601"/>
			</g>
			<g clip-path="url(#SVGID_4_)">
				<defs>
					<circle id="SVGID_7_" cx="724" cy="487" r="58"/>
				</defs>
				<clipPath id="SVGID_8_">
					<use xlink:href="#SVGID_7_"  overflow="visible"/>
				</clipPath>
				<g clip-path="url(#SVGID_8_)">
					<defs>
						<rect id="SVGID_9_" x="320" y="436" width="591" height="591"/>
					</defs>
					<clipPath id="SVGID_10_">
						<use xlink:href="#SVGID_9_"  overflow="visible"/>
					</clipPath>
					<g clip-path="url(#SVGID_10_)" enable-background="new    ">
						<g>
							<defs>
								<rect id="SVGID_11_" x="661" y="424" width="134" height="128"/>
							</defs>
							<clipPath id="SVGID_12_">
								<use xlink:href="#SVGID_11_"  overflow="visible"/>
							</clipPath>
							<g clip-path="url(#SVGID_12_)">
								<defs>
									<rect id="SVGID_13_" x="666" y="436" width="116" height="109"/>
								</defs>
								<clipPath id="SVGID_14_">
									<use xlink:href="#SVGID_13_"  overflow="visible"/>
								</clipPath>
								<rect x="661" y="424" clip-path="url(#SVGID_14_)" fill="#4F069A" width="126" height="126"/>
							</g>
							<g clip-path="url(#SVGID_12_)">
								<defs>
									<circle id="SVGID_15_" cx="736.9" cy="493.9" r="58"/>
								</defs>
								<clipPath id="SVGID_16_">
									<use xlink:href="#SVGID_15_"  overflow="visible"/>
								</clipPath>
								<g clip-path="url(#SVGID_16_)">
									<defs>
										<rect id="SVGID_17_" x="666" y="436" width="116" height="109"/>
									</defs>
									<clipPath id="SVGID_18_">
										<use xlink:href="#SVGID_17_"  overflow="visible"/>
									</clipPath>
									<rect x="673.9" y="430.9" clip-path="url(#SVGID_18_)" fill="#6603C9" width="126" height="126"/>
								</g>
							</g>
						</g>
					</g>
				</g>
			</g>
			<g clip-path="url(#SVGID_4_)">
				<defs>
					<circle id="SVGID_19_" cx="501" cy="740" r="47"/>
				</defs>
				<clipPath id="SVGID_20_">
					<use xlink:href="#SVGID_19_"  overflow="visible"/>
				</clipPath>
				<g clip-path="url(#SVGID_20_)">
					<defs>
						<rect id="SVGID_21_" x="320" y="436" width="591" height="591"/>
					</defs>
					<clipPath id="SVGID_22_">
						<use xlink:href="#SVGID_21_"  overflow="visible"/>
					</clipPath>
					<g clip-path="url(#SVGID_22_)" enable-background="new    ">
						<g>
							<defs>
								<rect id="SVGID_23_" x="449" y="688" width="110" height="105"/>
							</defs>
							<clipPath id="SVGID_24_">
								<use xlink:href="#SVGID_23_"  overflow="visible"/>
							</clipPath>
							<g clip-path="url(#SVGID_24_)">
								<defs>
									<rect id="SVGID_25_" x="454" y="693" width="94" height="94"/>
								</defs>
								<clipPath id="SVGID_26_">
									<use xlink:href="#SVGID_25_"  overflow="visible"/>
								</clipPath>
								<rect x="449" y="688" clip-path="url(#SVGID_26_)" fill="#4F069A" width="104" height="104"/>
							</g>
							<g clip-path="url(#SVGID_24_)">
								<defs>
									<circle id="SVGID_27_" cx="511.9" cy="745.9" r="47"/>
								</defs>
								<clipPath id="SVGID_28_">
									<use xlink:href="#SVGID_27_"  overflow="visible"/>
								</clipPath>
								<g clip-path="url(#SVGID_28_)">
									<defs>
										<rect id="SVGID_29_" x="454" y="693" width="94" height="94"/>
									</defs>
									<clipPath id="SVGID_30_">
										<use xlink:href="#SVGID_29_"  overflow="visible"/>
									</clipPath>
									<rect x="459.9" y="693.9" clip-path="url(#SVGID_30_)" fill="#6603C9" width="104" height="104"/>
								</g>
							</g>
						</g>
					</g>
				</g>
			</g>
			<g clip-path="url(#SVGID_4_)">
				<defs>
					<circle id="SVGID_31_" cx="635" cy="1016" r="47"/>
				</defs>
				<clipPath id="SVGID_32_">
					<use xlink:href="#SVGID_31_"  overflow="visible"/>
				</clipPath>
				<g clip-path="url(#SVGID_32_)">
					<defs>
						<rect id="SVGID_33_" x="320" y="436" width="591" height="591"/>
					</defs>
					<clipPath id="SVGID_34_">
						<use xlink:href="#SVGID_33_"  overflow="visible"/>
					</clipPath>
					<g clip-path="url(#SVGID_34_)" enable-background="new    ">
						<g>
							<defs>
								<rect id="SVGID_35_" x="583" y="964" width="110" height="105"/>
							</defs>
							<clipPath id="SVGID_36_">
								<use xlink:href="#SVGID_35_"  overflow="visible"/>
							</clipPath>
							<g clip-path="url(#SVGID_36_)">
								<defs>
									<rect id="SVGID_37_" x="588" y="969" width="94" height="58"/>
								</defs>
								<clipPath id="SVGID_38_">
									<use xlink:href="#SVGID_37_"  overflow="visible"/>
								</clipPath>
								<rect x="583" y="964" clip-path="url(#SVGID_38_)" fill="#4F069A" width="104" height="104"/>
							</g>
							<g clip-path="url(#SVGID_36_)">
								<defs>
									<circle id="SVGID_39_" cx="645.9" cy="1021.9" r="47"/>
								</defs>
								<clipPath id="SVGID_40_">
									<use xlink:href="#SVGID_39_"  overflow="visible"/>
								</clipPath>
								<g clip-path="url(#SVGID_40_)">
									<defs>
										<rect id="SVGID_41_" x="588" y="969" width="94" height="58"/>
									</defs>
									<clipPath id="SVGID_42_">
										<use xlink:href="#SVGID_41_"  overflow="visible"/>
									</clipPath>
									<rect x="593.9" y="969.9" clip-path="url(#SVGID_42_)" fill="#6603C9" width="104" height="104"/>
								</g>
							</g>
						</g>
					</g>
				</g>
			</g>
			<g clip-path="url(#SVGID_4_)">
				<defs>
					<circle id="SVGID_43_" cx="352" cy="630" r="47"/>
				</defs>
				<clipPath id="SVGID_44_">
					<use xlink:href="#SVGID_43_"  overflow="visible"/>
				</clipPath>
				<g clip-path="url(#SVGID_44_)">
					<defs>
						<rect id="SVGID_45_" x="320" y="436" width="591" height="591"/>
					</defs>
					<clipPath id="SVGID_46_">
						<use xlink:href="#SVGID_45_"  overflow="visible"/>
					</clipPath>
					<g clip-path="url(#SVGID_46_)" enable-background="new    ">
						<g>
							<defs>
								<rect id="SVGID_47_" x="300" y="578" width="110" height="105"/>
							</defs>
							<clipPath id="SVGID_48_">
								<use xlink:href="#SVGID_47_"  overflow="visible"/>
							</clipPath>
							<g clip-path="url(#SVGID_48_)">
								<defs>
									<rect id="SVGID_49_" x="320" y="583" width="79" height="94"/>
								</defs>
								<clipPath id="SVGID_50_">
									<use xlink:href="#SVGID_49_"  overflow="visible"/>
								</clipPath>
								<rect x="300" y="578" clip-path="url(#SVGID_50_)" fill="#4F069A" width="104" height="104"/>
							</g>
							<g clip-path="url(#SVGID_48_)">
								<defs>
									<circle id="SVGID_51_" cx="362.9" cy="635.9" r="47"/>
								</defs>
								<clipPath id="SVGID_52_">
									<use xlink:href="#SVGID_51_"  overflow="visible"/>
								</clipPath>
								<g clip-path="url(#SVGID_52_)">
									<defs>
										<rect id="SVGID_53_" x="320" y="583" width="79" height="94"/>
									</defs>
									<clipPath id="SVGID_54_">
										<use xlink:href="#SVGID_53_"  overflow="visible"/>
									</clipPath>
									<rect x="310.9" y="583.9" clip-path="url(#SVGID_54_)" fill="#6603C9" width="104" height="104"/>
								</g>
							</g>
						</g>
					</g>
				</g>
			</g>
			<g clip-path="url(#SVGID_4_)">
				<defs>
					<circle id="SVGID_55_" cx="527" cy="600" r="33"/>
				</defs>
				<clipPath id="SVGID_56_">
					<use xlink:href="#SVGID_55_"  overflow="visible"/>
				</clipPath>
				<g clip-path="url(#SVGID_56_)">
					<defs>
						<rect id="SVGID_57_" x="320" y="436" width="591" height="591"/>
					</defs>
					<clipPath id="SVGID_58_">
						<use xlink:href="#SVGID_57_"  overflow="visible"/>
					</clipPath>
					<g clip-path="url(#SVGID_58_)" enable-background="new    ">
						<g>
							<defs>
								<rect id="SVGID_59_" x="489" y="562" width="78" height="76"/>
							</defs>
							<clipPath id="SVGID_60_">
								<use xlink:href="#SVGID_59_"  overflow="visible"/>
							</clipPath>
							<g clip-path="url(#SVGID_60_)">
								<defs>
									<rect id="SVGID_61_" x="494" y="567" width="66" height="66"/>
								</defs>
								<clipPath id="SVGID_62_">
									<use xlink:href="#SVGID_61_"  overflow="visible"/>
								</clipPath>
								<rect x="489" y="562" clip-path="url(#SVGID_62_)" fill="#4F069A" width="76" height="76"/>
							</g>
							<g clip-path="url(#SVGID_60_)">
								<defs>
									<circle id="SVGID_63_" cx="534" cy="604" r="33"/>
								</defs>
								<clipPath id="SVGID_64_">
									<use xlink:href="#SVGID_63_"  overflow="visible"/>
								</clipPath>
								<g clip-path="url(#SVGID_64_)">
									<defs>
										<rect id="SVGID_65_" x="494" y="567" width="66" height="66"/>
									</defs>
									<clipPath id="SVGID_66_">
										<use xlink:href="#SVGID_65_"  overflow="visible"/>
									</clipPath>
									<rect x="496" y="566" clip-path="url(#SVGID_66_)" fill="#6603C9" width="76" height="76"/>
								</g>
							</g>
						</g>
					</g>
				</g>
			</g>
			<g clip-path="url(#SVGID_4_)">
				<defs>
					<circle id="SVGID_67_" cx="814" cy="683" r="33"/>
				</defs>
				<clipPath id="SVGID_68_">
					<use xlink:href="#SVGID_67_"  overflow="visible"/>
				</clipPath>
				<g clip-path="url(#SVGID_68_)">
					<defs>
						<rect id="SVGID_69_" x="320" y="436" width="591" height="591"/>
					</defs>
					<clipPath id="SVGID_70_">
						<use xlink:href="#SVGID_69_"  overflow="visible"/>
					</clipPath>
					<g clip-path="url(#SVGID_70_)" enable-background="new    ">
						<g>
							<defs>
								<rect id="SVGID_71_" x="776" y="645" width="78" height="76"/>
							</defs>
							<clipPath id="SVGID_72_">
								<use xlink:href="#SVGID_71_"  overflow="visible"/>
							</clipPath>
							<g clip-path="url(#SVGID_72_)">
								<defs>
									<rect id="SVGID_73_" x="781" y="650" width="66" height="66"/>
								</defs>
								<clipPath id="SVGID_74_">
									<use xlink:href="#SVGID_73_"  overflow="visible"/>
								</clipPath>
								<rect x="776" y="645" clip-path="url(#SVGID_74_)" fill="#4F069A" width="76" height="76"/>
							</g>
							<g clip-path="url(#SVGID_72_)">
								<defs>
									<circle id="SVGID_75_" cx="821" cy="687" r="33"/>
								</defs>
								<clipPath id="SVGID_76_">
									<use xlink:href="#SVGID_75_"  overflow="visible"/>
								</clipPath>
								<g clip-path="url(#SVGID_76_)">
									<defs>
										<rect id="SVGID_77_" x="781" y="650" width="66" height="66"/>
									</defs>
									<clipPath id="SVGID_78_">
										<use xlink:href="#SVGID_77_"  overflow="visible"/>
									</clipPath>
									<rect x="783" y="649" clip-path="url(#SVGID_78_)" fill="#6603C9" width="76" height="76"/>
								</g>
							</g>
						</g>
					</g>
				</g>
			</g>
			<g clip-path="url(#SVGID_4_)">
				<defs>
					<circle id="SVGID_79_" cx="682.5" cy="675.5" r="24.5"/>
				</defs>
				<clipPath id="SVGID_80_">
					<use xlink:href="#SVGID_79_"  overflow="visible"/>
				</clipPath>
				<g clip-path="url(#SVGID_80_)">
					<defs>
						<rect id="SVGID_81_" x="320" y="436" width="591" height="591"/>
					</defs>
					<clipPath id="SVGID_82_">
						<use xlink:href="#SVGID_81_"  overflow="visible"/>
					</clipPath>
					<g clip-path="url(#SVGID_82_)" enable-background="new    ">
						<g>
							<defs>
								<rect id="SVGID_83_" x="653" y="646" width="59" height="59"/>
							</defs>
							<clipPath id="SVGID_84_">
								<use xlink:href="#SVGID_83_"  overflow="visible"/>
							</clipPath>
							<g clip-path="url(#SVGID_84_)">
								<defs>
									<rect id="SVGID_85_" x="658" y="651" width="49" height="49"/>
								</defs>
								<clipPath id="SVGID_86_">
									<use xlink:href="#SVGID_85_"  overflow="visible"/>
								</clipPath>
								<rect x="653" y="646" clip-path="url(#SVGID_86_)" fill="#4F069A" width="59" height="59"/>
							</g>
							<g clip-path="url(#SVGID_84_)">
								<defs>
									<circle id="SVGID_87_" cx="687.4" cy="678.4" r="24.5"/>
								</defs>
								<clipPath id="SVGID_88_">
									<use xlink:href="#SVGID_87_"  overflow="visible"/>
								</clipPath>
								<g clip-path="url(#SVGID_88_)">
									<defs>
										<rect id="SVGID_89_" x="658" y="651" width="49" height="49"/>
									</defs>
									<clipPath id="SVGID_90_">
										<use xlink:href="#SVGID_89_"  overflow="visible"/>
									</clipPath>
									<rect x="657.9" y="648.9" clip-path="url(#SVGID_90_)" fill="#6603C9" width="59" height="59"/>
								</g>
							</g>
						</g>
					</g>
				</g>
			</g>
		</g>
	</g>
</g>
<g>
	<defs>
		<path id="SVGID_91_" d="M497.6,978.7L988.9,883c16.5-5.3,26.5-11.6,29.9-19.1c5.1-11.2,4.8-16.8,4.8-25.2s1.2-13.8-7-30
			c-5.5-10.8-36-68.1-91.6-172c-7.3-12.9-27.1-16.5-59.3-10.8c-48.3,8.6-580.8,108.1-587.9,109.5c-7.1,1.4-16.4,3.8-19.8,6.2
			c-8.3,5.5-18.5,22.9-10.4,46.3c5.4,15.6,31.2,82.9,77.6,202.2c11.9,14.2,27.9,19.1,48,14.5C398,999.4,439.6,990.7,497.6,978.7z"/>
	</defs>
	<clipPath id="SVGID_92_">
		<use xlink:href="#SVGID_91_"  overflow="visible"/>
	</clipPath>
	<g clip-path="url(#SVGID_92_)" enable-background="new    ">
		<g>
			<defs>
				<rect id="SVGID_93_" x="239" y="613" width="791" height="399"/>
			</defs>
			<clipPath id="SVGID_94_">
				<use xlink:href="#SVGID_93_"  overflow="visible"/>
			</clipPath>
			<g clip-path="url(#SVGID_94_)">
				<defs>
					<rect id="SVGID_95_" x="239" y="620" width="786" height="390"/>
				</defs>
				<clipPath id="SVGID_96_">
					<use xlink:href="#SVGID_95_"  overflow="visible"/>
				</clipPath>
				<rect x="239.5" y="618.3" clip-path="url(#SVGID_96_)" fill="#7C73FF" width="789.1" height="392.9"/>
			</g>
			<g clip-path="url(#SVGID_94_)">
				<defs>
					<path id="SVGID_97_" d="M259.3,738.4c-5.1,7.5-5.1,19.2,0,35c5.1,15.8,31.3,83.1,78.5,201.9c4.7,8.3,17.3,10.6,37.8,6.9
						c20.5-3.7,219.9-43.5,598.2-119.6c45.3-8.5,60.4-24.4,45.4-47.8l-99-197.5l-37.9-3.9L259.3,738.4z"/>
				</defs>
				<clipPath id="SVGID_98_">
					<use xlink:href="#SVGID_97_"  overflow="visible"/>
				</clipPath>
				<g clip-path="url(#SVGID_98_)">
					<defs>
						<rect id="SVGID_99_" x="239" y="620" width="786" height="390"/>
					</defs>
					<clipPath id="SVGID_100_">
						<use xlink:href="#SVGID_99_"  overflow="visible"/>
					</clipPath>
					<rect x="250.5" y="608.5" clip-path="url(#SVGID_100_)" fill="#322B41" width="779.3" height="380.5"/>
				</g>
			</g>
			<g clip-path="url(#SVGID_94_)">
				<defs>
					<path id="SVGID_101_" d="M895.3,884.5c11.6-2.9,33.2-7.4,40.5-9.2c7.3-1.8,12.3,8.3,2.9,11.1c-9.3,2.8-32.8,7.7-41.8,9.6
						C888,897.9,883.7,887.4,895.3,884.5z"/>
				</defs>
				<clipPath id="SVGID_102_">
					<use xlink:href="#SVGID_101_"  overflow="visible"/>
				</clipPath>
				<g clip-path="url(#SVGID_102_)">
					<defs>
						<rect id="SVGID_103_" x="239" y="620" width="786" height="390"/>
					</defs>
					<clipPath id="SVGID_104_">
						<use xlink:href="#SVGID_103_"  overflow="visible"/>
					</clipPath>
					<rect x="883.3" y="870.1" clip-path="url(#SVGID_104_)" fill="#5047C5" width="65.6" height="31.1"/>
				</g>
			</g>
		</g>
	</g>
</g>
<g>
	<defs>
		<path id="SVGID_105_" d="M582.6,693.7L284,750.6c-10,3.4-12.5,11.9-7.5,25.4c5,13.5,28.8,73.7,71.6,180.4
			c3.7,8.8,13.9,11.7,30.5,8.6c16.6-3,217.3-42.5,602-118.3c17-6.5,22.6-15.3,16.9-26.6c-2.8-5.6-15.8-35.2-29.9-60.2
			c-2.8-4.9-18.4,4.7-21.6-2.2c-5.3-11.5-14.4-29.3-21.3-43.8c-1.6-3.3,15.3-7.6,13.4-11.5c-4.4-8.6-12.7-24.5-24.9-47.7
			c-5.9-12.3-17.3-17.4-34.3-15.3C861.9,641.6,763.1,659.7,582.6,693.7z"/>
	</defs>
	<clipPath id="SVGID_106_">
		<use xlink:href="#SVGID_105_"  overflow="visible"/>
	</clipPath>
	<g clip-path="url(#SVGID_106_)" enable-background="new    ">
		<g>
			<defs>
				<rect id="SVGID_107_" x="269" y="634" width="736" height="338"/>
			</defs>
			<clipPath id="SVGID_108_">
				<use xlink:href="#SVGID_107_"  overflow="visible"/>
			</clipPath>
			<g clip-path="url(#SVGID_108_)">
				<defs>
					<rect id="SVGID_109_" x="271" y="637" width="733" height="332"/>
				</defs>
				<clipPath id="SVGID_110_">
					<use xlink:href="#SVGID_109_"  overflow="visible"/>
				</clipPath>
				<rect x="269" y="634" clip-path="url(#SVGID_110_)" fill="#C0DCFE" width="735.6" height="337.2"/>
			</g>
			<g clip-path="url(#SVGID_108_)">
				<defs>
					<polygon id="SVGID_111_" points="542.4,688 487.6,960.1 542.4,947.7 594.6,667.9 					"/>
				</defs>
				<clipPath id="SVGID_112_">
					<use xlink:href="#SVGID_111_"  overflow="visible"/>
				</clipPath>
				<g clip-path="url(#SVGID_112_)">
					<defs>
						<rect id="SVGID_113_" x="271" y="637" width="733" height="332"/>
					</defs>
					<clipPath id="SVGID_114_">
						<use xlink:href="#SVGID_113_"  overflow="visible"/>
					</clipPath>
					<rect x="482.6" y="662.9" clip-path="url(#SVGID_114_)" fill="#DBEBFF" width="117.1" height="302.1"/>
				</g>
			</g>
			<g clip-path="url(#SVGID_108_)">
				<defs>
					<polygon id="SVGID_115_" points="606.2,682.9 557.7,960.1 570.2,954.7 626,676.2 					"/>
				</defs>
				<clipPath id="SVGID_116_">
					<use xlink:href="#SVGID_115_"  overflow="visible"/>
				</clipPath>
				<g clip-path="url(#SVGID_116_)">
					<defs>
						<rect id="SVGID_117_" x="271" y="637" width="733" height="332"/>
					</defs>
					<clipPath id="SVGID_118_">
						<use xlink:href="#SVGID_117_"  overflow="visible"/>
					</clipPath>
					<rect x="552.7" y="671.2" clip-path="url(#SVGID_118_)" fill="#DBEBFF" width="78.3" height="293.9"/>
				</g>
			</g>
		</g>
	</g>
</g>
<g>
	<defs>
		<path id="SVGID_119_" d="M818.4,466.5c-8.3,27.8-20.2,67.9-73.7,122.2C709,625,698,663.1,711.7,703c-3.9-38.7,11.2-71.3,45.4-97.7
			C808.4,565.7,881,466.2,881,376.7c0-28.5-8.9-42.7-26.6-42.7C827.8,334.1,826.7,438.7,818.4,466.5z"/>
	</defs>
	<clipPath id="SVGID_120_">
		<use xlink:href="#SVGID_119_"  overflow="visible"/>
	</clipPath>
	<rect x="701" y="329" clip-path="url(#SVGID_120_)" fill="#FF37F2" width="185" height="379"/>
</g>
<g>
	<defs>
		<path id="SVGID_121_" d="M875.9,344.4c9.5-27.3,22.3-49.1,45.3-38.7c23,10.4,14.3,52.6-5.7,99.4c-20,46.8-76.2,150.3-122.4,184.3
			c-46.3,34.1-68.8,65.1-74.1,105.6c-1.2-46.8,18.6-85.8,59.6-117.2C840.2,530.8,866.4,371.7,875.9,344.4z"/>
	</defs>
	<clipPath id="SVGID_122_">
		<use xlink:href="#SVGID_121_"  overflow="visible"/>
	</clipPath>
	<rect x="714" y="298" clip-path="url(#SVGID_122_)" fill="#5AFFC9" width="226" height="402"/>
</g>
<g>
	<defs>
		<path id="SVGID_123_" d="M810,611c69.8-41.3,116.9-85.6,141.2-132.9c14.5-35.1,29-49.7,43.4-43.9c21.6,8.7,0.2,55.9-50.9,104.8
			C909.7,571.6,865.1,595.6,810,611z"/>
	</defs>
	<clipPath id="SVGID_124_">
		<use xlink:href="#SVGID_123_"  overflow="visible"/>
	</clipPath>
	<rect x="805" y="428" clip-path="url(#SVGID_124_)" fill="#FFEA1A" width="203" height="188"/>
</g>
<g>
	<defs>
		<path id="SVGID_125_" d="M738,718c24-48,56.6-79.4,97.9-94.2c41.3-14.8,76.6-40.8,105.8-78c7.5-8.6,15.9-11.5,25.4-8.8
			c14.2,4.2,27.8,54.9-97,94.9C796.3,659.7,752.3,688.4,738,718z"/>
	</defs>
	<clipPath id="SVGID_126_">
		<use xlink:href="#SVGID_125_"  overflow="visible"/>
	</clipPath>
	<rect x="733" y="531" clip-path="url(#SVGID_126_)" fill="#43FCF6" width="248" height="192"/>
</g>
<g>
	<defs>
		<path id="SVGID_127_" d="M741,791c34.8-57.8,68-94.4,99.6-109.7c47.4-23,70.8-55,81.9-61.5c11.1-6.4,22-9,30.4,0
			c8.4,9-6.4,54.2-76.3,69.8C830,700,784.8,733.8,741,791z"/>
	</defs>
	<clipPath id="SVGID_128_">
		<use xlink:href="#SVGID_127_"  overflow="visible"/>
	</clipPath>
	<rect x="736" y="609" clip-path="url(#SVGID_128_)" fill="#F239FF" width="224" height="187"/>
</g>
<g>
	<defs>
		<path id="SVGID_129_" d="M960.7,376c5-92.2,4.3-148.6-2.1-169.4c-9.5-31.1-40.9-62.3-30.6-72.1c10.2-9.7,46,7.4,54.2,68
			C987.7,243,980.5,300.8,960.7,376z"/>
	</defs>
	<clipPath id="SVGID_130_">
		<use xlink:href="#SVGID_129_"  overflow="visible"/>
	</clipPath>
	<rect x="921" y="127" clip-path="url(#SVGID_130_)" fill="#FF33E1" width="68" height="254"/>
</g>
<g>
	<defs>
		<path id="SVGID_131_" d="M1071,369l25,19.1l-36.5,36.5l12.9,8c-12.9,10.1-20.7,20.9-23.6,32.4c-1.7-9.1,0.2-19.3,5.6-30.4
			c-4.5-2-9.9-4.8-16.4-8.4C1042.1,410.1,1053.1,391,1071,369z"/>
	</defs>
	<clipPath id="SVGID_132_">
		<use xlink:href="#SVGID_131_"  overflow="visible"/>
	</clipPath>
	<rect x="1033" y="364" clip-path="url(#SVGID_132_)" fill="#FF33E1" width="68" height="106"/>
</g>
<g>
	<defs>
		<circle id="SVGID_133_" cx="840" cy="262" r="20"/>
	</defs>
	<clipPath id="SVGID_134_">
		<use xlink:href="#SVGID_133_"  overflow="visible"/>
	</clipPath>
	<rect x="815" y="237" clip-path="url(#SVGID_134_)" fill="#FFE01D" width="50" height="50"/>
</g>
<g>
	<defs>
		<circle id="SVGID_135_" cx="987.5" cy="397.5" r="15.5"/>
	</defs>
	<clipPath id="SVGID_136_">
		<use xlink:href="#SVGID_135_"  overflow="visible"/>
	</clipPath>
	<rect x="967" y="377" clip-path="url(#SVGID_136_)" fill="#FFE01D" width="41" height="41"/>
</g>
<g>
	<defs>
		<ellipse id="SVGID_137_" cx="1019" cy="313.5" rx="10" ry="10.5"/>
	</defs>
	<clipPath id="SVGID_138_">
		<use xlink:href="#SVGID_137_"  overflow="visible"/>
	</clipPath>
	<rect x="1004" y="298" clip-path="url(#SVGID_138_)" fill="#43FCF6" width="30" height="31"/>
</g>
<g>
	<defs>
		<circle id="SVGID_139_" cx="1016.5" cy="342.5" r="5.5"/>
	</defs>
	<clipPath id="SVGID_140_">
		<use xlink:href="#SVGID_139_"  overflow="visible"/>
	</clipPath>
	<rect x="1006" y="332" clip-path="url(#SVGID_140_)" fill="#43FCF6" width="21" height="21"/>
</g>
<g>
	<defs>
		<ellipse id="SVGID_141_" cx="921" cy="279.5" rx="7" ry="6.5"/>
	</defs>
	<clipPath id="SVGID_142_">
		<use xlink:href="#SVGID_141_"  overflow="visible"/>
	</clipPath>
	<rect x="909" y="268" clip-path="url(#SVGID_142_)" fill="#E93AFF" width="24" height="23"/>
</g>
<g>
	<defs>
		<circle id="SVGID_143_" cx="1009" cy="573" r="17"/>
	</defs>
	<clipPath id="SVGID_144_">
		<use xlink:href="#SVGID_143_"  overflow="visible"/>
	</clipPath>
	<rect x="987" y="551" clip-path="url(#SVGID_144_)" fill="#E93AFF" width="44" height="44"/>
</g>
<g>
	<defs>
		<circle id="SVGID_145_" cx="987.5" cy="610.5" r="8.5"/>
	</defs>
	<clipPath id="SVGID_146_">
		<use xlink:href="#SVGID_145_"  overflow="visible"/>
	</clipPath>
	<rect x="974" y="597" clip-path="url(#SVGID_146_)" fill="#E93AFF" width="27" height="27"/>
</g>
<g>
	<defs>
		<path id="SVGID_147_" d="M905.9,460.8c5.2-11.7,10.6-16.4,16.2-14.4c8.4,3.1,4.3,18.7,0,24c-4.3,5.4-11.5,15.5-17.4,13.2
			C900.7,482.1,901.1,474.5,905.9,460.8z"/>
	</defs>
	<clipPath id="SVGID_148_">
		<use xlink:href="#SVGID_147_"  overflow="visible"/>
	</clipPath>
	<rect x="897" y="441" clip-path="url(#SVGID_148_)" fill="#43FCF6" width="35" height="48"/>
</g>
<g>
	<defs>
		<path id="SVGID_149_" d="M757.7,476c-0.6,15-6.5,23.8-17.7,26.4c12.9,1.5,19.3,9,19.1,22.6c2.1-15.7,7.4-23.7,15.9-23.9
			C763.8,499.8,758.1,491.4,757.7,476z"/>
	</defs>
	<clipPath id="SVGID_150_">
		<use xlink:href="#SVGID_149_"  overflow="visible"/>
	</clipPath>
	<rect x="735" y="471" clip-path="url(#SVGID_150_)" fill="#FFEA1A" width="45" height="59"/>
</g>
<g>
	<defs>
		<path id="SVGID_151_" d="M778.2,386c-0.6,15.3-6.7,24.3-18.2,27c13.3,1.5,19.8,9.2,19.6,23c2.2-16,7.6-24.1,16.4-24.4
			C784.5,410.3,778.6,401.7,778.2,386z"/>
	</defs>
	<clipPath id="SVGID_152_">
		<use xlink:href="#SVGID_151_"  overflow="visible"/>
	</clipPath>
	<rect x="755" y="381" clip-path="url(#SVGID_152_)" fill="#8639FE" width="46" height="60"/>
</g>
<g>
	<defs>
		<path id="SVGID_153_" d="M205.1,429c-1.4-96,6-156.2,22.1-180.7c24.2-36.7,41.2-78.1,9.5-83.9c-31.7-5.8-59.9,53.4-55.2,132.3
			C184.7,349.3,192.5,393.4,205.1,429z"/>
	</defs>
	<clipPath id="SVGID_154_">
		<use xlink:href="#SVGID_153_"  overflow="visible"/>
	</clipPath>
	<rect x="176" y="159" clip-path="url(#SVGID_154_)" fill="#39FED5" width="83" height="275"/>
</g>
<g>
	<defs>
		<path id="SVGID_155_" d="M132.5,434.8c-10.9,13.1-19.8,21.7,17,68c24.5,30.9,89.3,57,194.2,78.4c55.1,12.6,98.2,53.5,129.3,122.8
			c-16.5-73.9-64.9-123.4-145-148.5c-120.2-37.7-124.2-70-141.7-97.1C168.8,431.4,143.4,421.7,132.5,434.8z"/>
	</defs>
	<clipPath id="SVGID_156_">
		<use xlink:href="#SVGID_155_"  overflow="visible"/>
	</clipPath>
	<rect x="118" y="424" clip-path="url(#SVGID_156_)" fill="#43FCF6" width="360" height="285"/>
</g>
<g>
	<defs>
		<path id="SVGID_157_" d="M226.9,405.8c17.6-11.3,49.8-5.7,62.1,48.5c12.4,54.1,60.1,140.7,78.7,159.4
			c18.6,18.7,72.6,68.7,81.3,92.3c-23.8-26.5-55.1-54.2-93.7-83.1c-58-43.3-114.5-128.4-128.4-152.5
			C212.9,446.3,209.3,417.1,226.9,405.8z"/>
	</defs>
	<clipPath id="SVGID_158_">
		<use xlink:href="#SVGID_157_"  overflow="visible"/>
	</clipPath>
	<rect x="210" y="396" clip-path="url(#SVGID_158_)" fill="#F742FC" width="244" height="315"/>
</g>
<g>
	<defs>
		<path id="SVGID_159_" d="M213,574.9c6.3-7.8,19.3-12.5,44.9,6.3c25.6,18.9,90.4,85.5,138.2,101.5c31.9,10.6,47.8,32.7,47.8,66.3
			c-3.5-34.8-28.4-55.8-74.8-63c-69.6-10.8-122.4-58.5-137.9-69.9C215.7,604.7,206.7,582.7,213,574.9z"/>
	</defs>
	<clipPath id="SVGID_160_">
		<use xlink:href="#SVGID_159_"  overflow="visible"/>
	</clipPath>
	<rect x="206" y="563" clip-path="url(#SVGID_160_)" fill="#9A40FF" width="243" height="191"/>
</g>
<g>
	<defs>
		<path id="SVGID_161_" d="M362,715c-65.2-31.1-102.2-50.8-111-58.9c-13.2-12.3-53.7-56.4-68.9-27.3C172,648.1,231.9,676.8,362,715z
			"/>
	</defs>
	<clipPath id="SVGID_162_">
		<use xlink:href="#SVGID_161_"  overflow="visible"/>
	</clipPath>
	<rect x="176" y="614" clip-path="url(#SVGID_162_)" fill="#FF54B2" width="191" height="106"/>
</g>
<g>
	<defs>
		<path id="SVGID_163_" d="M407,783c-26.3-22.6-66.2-38.5-119.7-47.7c-80.2-13.8-97.1-53.2-123.4-73.7
			C137.5,641,97.4,612.9,84,646.9c-13.4,34,105.6,104.9,198.8,104.9C344.9,751.8,386.3,762.2,407,783z"/>
	</defs>
	<clipPath id="SVGID_164_">
		<use xlink:href="#SVGID_163_"  overflow="visible"/>
	</clipPath>
	<rect x="78" y="626" clip-path="url(#SVGID_164_)" fill="#FFED1D" width="334" height="162"/>
</g>
<g>
	<defs>
		<path id="SVGID_165_" d="M441,833c-9.3-38.3-52.8-53.7-130.3-46.2c-45,1.4-83-6.4-114.2-23.6c-46.7-25.7-57.5-0.8-57.5,11.4
			s12,46.1,154.7,33C388.9,798.8,438,807.2,441,833z"/>
	</defs>
	<clipPath id="SVGID_166_">
		<use xlink:href="#SVGID_165_"  overflow="visible"/>
	</clipPath>
	<rect x="134" y="747" clip-path="url(#SVGID_166_)" fill="#FF3EE0" width="312" height="91"/>
</g>
<g>
	<defs>
		<ellipse id="SVGID_167_" cx="154.5" cy="366" rx="15.5" ry="16"/>
	</defs>
	<clipPath id="SVGID_168_">
		<use xlink:href="#SVGID_167_"  overflow="visible"/>
	</clipPath>
	<rect x="134" y="345" clip-path="url(#SVGID_168_)" fill="#DA2AFF" width="41" height="42"/>
</g>
<g>
	<defs>
		<ellipse id="SVGID_169_" cx="155" cy="240.5" rx="8" ry="8.5"/>
	</defs>
	<clipPath id="SVGID_170_">
		<use xlink:href="#SVGID_169_"  overflow="visible"/>
	</clipPath>
	<rect x="142" y="227" clip-path="url(#SVGID_170_)" fill="#DA2AFF" width="26" height="27"/>
</g>
<g>
	<defs>
		<ellipse id="SVGID_171_" cx="351" cy="512.5" rx="11" ry="10.5"/>
	</defs>
	<clipPath id="SVGID_172_">
		<use xlink:href="#SVGID_171_"  overflow="visible"/>
	</clipPath>
	<rect x="335" y="497" clip-path="url(#SVGID_172_)" fill="#43FCF6" width="32" height="31"/>
</g>
<g>
	<defs>
		<path id="SVGID_173_" d="M152.2,594.7c11,7.2,15.5,13,13.3,17.4c-3.2,6.6-19.5,3.7-24.1-1.2c-4.6-5-12.6-11.5-7.9-18.1
			C136.6,588.5,142.9,589.1,152.2,594.7z"/>
	</defs>
	<clipPath id="SVGID_174_">
		<use xlink:href="#SVGID_173_"  overflow="visible"/>
	</clipPath>
	<rect x="127" y="585" clip-path="url(#SVGID_174_)" fill="#E829F5" width="44" height="36"/>
</g>
<g>
	<defs>
		<path id="SVGID_175_" d="M132.2,527c9.2,1.6,13.8,6.9,13.8,16s-3.2,14.4-9.5,16c-10.2,0-16.2-5.3-18.1-16
			C116.5,532.3,121.1,527,132.2,527z"/>
	</defs>
	<clipPath id="SVGID_176_">
		<use xlink:href="#SVGID_175_"  overflow="visible"/>
	</clipPath>
	<rect x="113" y="522" clip-path="url(#SVGID_176_)" fill="#FFE834" width="38" height="42"/>
</g>
<g>
	<defs>
		<path id="SVGID_177_" d="M347.3,275c-1,14.9-5.4,22.7-13.3,23.3c9.7,4,14.7,11.2,14.8,21.7c1.7-12.2,7.1-19.5,16.2-21.9
			C355.3,295.1,349.4,287.4,347.3,275z"/>
	</defs>
	<clipPath id="SVGID_178_">
		<use xlink:href="#SVGID_177_"  overflow="visible"/>
	</clipPath>
	<rect x="329" y="270" clip-path="url(#SVGID_178_)" fill="#43FCF6" width="41" height="55"/>
</g>
<g>
	<defs>
		<path id="SVGID_179_" d="M304.1,382c-1.3,19.3-7,29.3-17.1,30.1c12.6,5.1,18.9,14.4,19.1,27.9c0.4-18.1,7.4-27.6,20.9-28.2
			C311.5,409.2,303.9,399.3,304.1,382z"/>
	</defs>
	<clipPath id="SVGID_180_">
		<use xlink:href="#SVGID_179_"  overflow="visible"/>
	</clipPath>
	<rect x="282" y="377" clip-path="url(#SVGID_180_)" fill="#FFED1D" width="50" height="68"/>
</g>
<g>
	<defs>
		<path id="SVGID_181_" d="M475.4,623c-1.2,17.6-6.3,26.8-15.4,27.5c11.3,4.7,17,13.2,17.2,25.5c0.4-16.6,6.7-25.2,18.8-25.8
			C482.1,647.9,475.2,638.8,475.4,623z"/>
	</defs>
	<clipPath id="SVGID_182_">
		<use xlink:href="#SVGID_181_"  overflow="visible"/>
	</clipPath>
	<rect x="455" y="618" clip-path="url(#SVGID_182_)" fill="#43FCF6" width="46" height="63"/>
</g>
<g>
	<defs>
		<path id="SVGID_183_" d="M58,434c15.2-4.8,24.7-8.5,28.7-11l8.7,38.9c4.9-5.4,9.5-8.2,13.7-8.2c-2.9,24.9-0.9,40.9,5.9,48.2
			c-16.6-8.2-25-18.4-25.3-30.7l-14.2,3.4L58,434z"/>
	</defs>
	<clipPath id="SVGID_184_">
		<use xlink:href="#SVGID_183_"  overflow="visible"/>
	</clipPath>
	<rect x="53" y="418" clip-path="url(#SVGID_184_)" fill="#7F0AFF" width="67" height="89"/>
</g>
<g>
	<defs>
		<polygon id="SVGID_185_" points="275.9,237 243,252.8 279.1,285 311,252.8 		"/>
	</defs>
	<clipPath id="SVGID_186_">
		<use xlink:href="#SVGID_185_"  overflow="visible"/>
	</clipPath>
	<rect x="238" y="232" clip-path="url(#SVGID_186_)" fill="#542DD7" width="78" height="58"/>
</g>
<g>
	<defs>
		<polygon id="SVGID_187_" points="310.9,253 279,269.6 279,313 311,294.3 		"/>
	</defs>
	<clipPath id="SVGID_188_">
		<use xlink:href="#SVGID_187_"  overflow="visible"/>
	</clipPath>
	<rect x="274" y="248" clip-path="url(#SVGID_188_)" fill="#A656F8" width="42" height="70"/>
</g>
<g>
	<defs>
		<polygon id="SVGID_189_" points="279,269.6 243,253 243,294.8 279,313 		"/>
	</defs>
	<clipPath id="SVGID_190_">
		<use xlink:href="#SVGID_189_"  overflow="visible"/>
	</clipPath>
	<rect x="238" y="248" clip-path="url(#SVGID_190_)" fill="#6541DC" width="46" height="70"/>
</g>
</svg>
		<div v-if="!ShowLater" style="opacity:0">
			<div style="margin-top:-30px;margin-bottom:10px">占位
			</div>
			<div><span class="span1"></span></div>
		</div>
		<div v-if="!phone&&ShowLater" :style="ShowOpacity">
			<div style="margin-top:-30px;margin-bottom:10px">当前用户未绑定手机号
			</div>
			<div><span class="span1" @click="newphone">添加</span></div>
		</div>
		<div v-if="phone&&ShowLater" :style="ShowOpacity">
			<div style="margin-top:-30px;margin-bottom:10px">您的手机号码：
				<span>{{phone.slice(0,3)}}******{{phone.slice(9,11)}}</span>
			</div>
			<div><span class="span1" @click="newphone">更换</span></div>
		</div>
    </div>
</div>
</template>

<script>
export default {
    name:'checkphone',
	data(){
		return{
			phone:'',
			ShowLater:'',
			ShowOpacity:'',
		}
	},
    methods:{
        goback(){this.$router.replace({name:'infoshow'})},
        newphone(){this.$router.push({name:'newphone',params:{'phone':this.phone}})},
    },
    mounted(){
		setTimeout(() => {
			this.ShowLater=1
		}, 200);
        let num =0
        this.ShowOpacity='opacity:'+num+';'
        var id = setInterval(() => {
            if(num >=1){
                clearInterval(id)
            }else{
                this.ShowOpacity='opacity:'+num+';'
                num+=0.05
            }
        }, 50);
        this.$addr.get(`user/get_by_uid`).then(
            response=>{
                console.log('获取用户数据请求成功',response.data);
                if(response.data.data.phone != null){
                    this.phone=response.data.data.phone
                }
            },error=>{
				this.$message({
					message:'获取用户数据请求失败，请重新登陆',
					type:'error'
				})
				console.log("获取用户数据请求失败",error.message);
				//this.$router.replace({name:'login'})
            }
        )
    },
}
</script>

<style scoped>
.div1{
    background: linear-gradient(to right,rgb(255, 182, 238),rgb(255, 113, 236));
    color: white;
    text-align: center;
    width: 100%;
    padding-top: 23px;
    padding-bottom: 15px;
    user-select: none;
}
.img_back{
    position: fixed;
    margin-top: 28px;
    left: 14px;
    height: 18px;
}
.zhezhao{
    width: 100%;
    height: 100%;
    background-color: rgb(252, 245, 252);
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.div2{
    margin-left: 5px;
    margin-right: 5px;
    background-color: rgb(255, 255, 255);
    border-radius: 8px;
    margin-top: 10px;
    font-size: 17px;
    padding-bottom: 25px;
	box-shadow: 0px 2px 4px 0.1px rgb(236, 236, 236);
	transition: opacity 1.7s ease-out;
}
.span1{
    font-size: 13px;
    padding: 8px;
    padding-left: 13px;
    padding-right: 13px;
    background-color: rgb(234, 234, 234);
    border-radius: 12px;
}
</style>